<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>实验室设备预约APP</title>
    <link rel="stylesheet" type="text/css" href="fonts/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <style>
    	.person-top{
    		height:160px;
    		background:url(images/bg.jpg) no-repeat center;
    	}
    </style>
</head>
<body>
	<div class="container maxW640 bgw mauto h box-sizing-border borderw">
		<!--头部 start-->
		<header class="header displayf px jsca altc bgw">
			<a class="color0 h lh45 parl10" href="login.html"><i class="iconfont icon-xiangzuojiantou fz18"></i></a>
			<h1 class="title-name fz18">实验室设备预约APP</h1>
			<a class="color0 h lh45 parl10" href="javascript:void(0);"><i class="iconfont icon-tongzhi fz18"></i></a>
		</header>
		<!--头部 end-->
		<!--主体内容 start-->
		<section class="content mt45 mb50 ohidden" id="content">
			<section class="person-content bg-gray">
				<div class="person-top">
					<div class="shadow displayf flexdirec altc h jscc">
						<img class="br50" src="images/me.jpg" alt="head-pic" width="50" height="50" />
						<p class="colorf mt10 mb10">韦志有</p>
						<p><span class="br10 bg-yellow pt5 pb5 pr15 pl15 colorf">信用分：220</span></p>
					</div>
				</div>
				<div class="person-main">
					<p class="displayf jscb pr5 pl5 pt10 pb10 borderb-gray bgw">
						<span class="fz16">姓名</span><span class="fz16">韦志有<i class="ml5 iconfont icon-arrow1"></i></span>
					</p>
					<p class="displayf jscb pr5 pl5 pt10 pb10 borderb-gray bgw">
						<span class="fz16">学号/工号</span><span class="fz16">3130731216<i class="ml5 iconfont icon-arrow1"></i></span>
					</p>
					<p class="displayf jscb pr5 pl5 pt10 pb10 borderb-gray bgw">
						<span class="fz16">性别</span><span class="fz16">男<i class="ml5 iconfont icon-arrow1"></i></span>
					</p>
					<p class="displayf jscb pr5 pl5 pt10 pb10 borderb-gray bgw">
						<span class="fz16">用户类型</span><span class="fz16">学生<i class="ml5 iconfont icon-arrow1"></i></span>
					</p>
					<p class="displayf jscb pr5 pl5 pt10 pb10 borderb-gray bgw">
						<span class="fz16">所读专业</span><span class="fz16">通信工程<i class="ml5 iconfont icon-arrow1"></i></span>
					</p>
					<p class="displayf jscb pr5 pl5 pt10 pb10 borderb-gray bgw">
						<span class="fz16">所在年级</span><span class="fz16">大一<i class="ml5 iconfont icon-arrow1"></i></span>
					</p>
					<p class="displayf jscb pr5 pl5 pt10 pb10 borderb-gray mb30 bgw">
						<span class="fz16">所在学院</span><span class="fz16">信息科学与工程学院<i class="ml5 iconfont icon-arrow1"></i></span>
					</p>
					<p class="displayf jscb pr5 pl5 pt10 pb10 borderb-gray bgw">
						<span class="fz16">绑定手机号</span><span class="fz16">156783901xx<i class="ml5 iconfont icon-arrow1"></i></span>
					</p>
					<p class="displayf jscb pr5 pl5 pt10 pb10 borderb-gray bgw">
						<span class="fz16">电子邮箱</span><span class="fz16">1337238043@qq.com<i class="ml5 iconfont icon-arrow1"></i></span>
					</p>
					<p class="displayf jscb pr5 pl5 pt10 pb10 borderb-gray bgw">
						<span class="fz16">身份证号码</span><span class="fz16">45088119940451278<i class="ml5 iconfont icon-arrow1"></i></span>
					</p>
				</div>
				<div class="person-bottom mt30">
					<a class="displayb h40 bg-yellow colorf tc lh40 fz15 letters5" id="login-out" href="login.html">退出登录</a>
				</div>
			</section>
			<!--导航 start-->
			<nav class="nav px bgw">
				<ul class="displayf">
					<li class="flex1 h40 lh40"><a class="displayb tc" href="index.html"><i class="iconfont icon-icon active"></i></a></li>
					<li class="flex1 h40 lh40"><a class="displayb tc" href="javascript:void(0);"><i class="iconfont icon-icon1"></i></a></li>
					<li class="flex1 h40 lh40 pr"><a class="displayb tc" href="reservation.html"><i class="iconfont icon-yuyue1"></i></a><div class="dot"></div></li>
					<li class="flex1 h40 lh40"><a class="displayb tc" href="person.html"><i class="iconfont icon-iconfont02"></i></a></li>
				</ul>
			</nav>
			<!--导航 end-->
		</section>
		<!--主体内容 end-->
	</div>
	<script type="text/javascript" src="js/extends/jquery.min.js"></script>
	<script type="text/javascript" src="js/extends/vue.js"></script>
	<script type="text/javascript" src="js/extends/layer_mobile/layer.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript">
    	
    </script>
</body>
</html>